<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/invitelist.css">
    <script src="https://xcximg.juseyun.com/assets/js/jquery-1.9.1.min.js"></script>
    <script src="https://xcximg.juseyun.com/assets/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
    <script src="../../common.js"></script>
    <script src="../js/invitelist.js"></script>
    <style>
        .nav-tabs>li {
            margin-right: 10px;
        }
        .nav-tabs>li a,.nav-tabs>li a:hover{
            background: #ddd;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            color: #f1f1f1;
            border-bottom: 1px solid #1abb9c;
        }
        .invite_content .nav-tabs>li.active>a,.invite_content .nav-tabs>li.active>a:hover{
            color: #fff;
            cursor: default;
            border-bottom-color: transparent;
            background: #1abb9c;
        }
        .leftmsg p span{
            margin-left: 25px;
            color: #ccc;
        }
        .msgbox form{
            padding: 5px;
        }
        .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
            color: #1ABB9C;
            background-color: #ddd;
        }
    </style>
</head>
<body>
<div class="invite_content">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist" style="border-bottom: 1px solid #1abb9c">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">邀请列表</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">我的会话</a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active container-fluid" id="home">
            <div class="text-center">暂无邀请信息</div>
        </div>
        <div role="tabpanel" class="tab-pane" id="profile">
            <div class="row" style="color: #999">
                <div class="col-md-2 col-sm-2 col-lg-2 msghead"><h5>房间信息</h5> </div>
                <div class="col-md-5 col-sm-5 col-lg-5 msghead"><h5>对话框</h5> </div>
                <div class="col-md-5 col-sm-5 col-lg-5 msghead"><h5>诊断单情况</h5> </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-sm-2 col-lg-2 msgbox">
                    <ul role="tablist" class="myroom nav nav-pills nav-stacked">
                        <li role="presentation" class="socketroom active" roomid="noroom"><a href="#noroom" aria-controls="noroom" role="tab" data-toggle="tab">未加入任何房间</a></li>
                    </ul>
                </div>
                <div class="tab-content roombox">
                    <div role="tabpanel" class="tab-pane active" id="noroom">
                        <div class="col-md-5 col-sm-5 col-lg-5 msgbox">
                            <div class="topmsg">



                            </div>
                            <div><input type="file"></div>
                            <div class="txtmsg"><textarea class="message"></textarea></div>
                            <div class="text-right">
                                <button  type="button" class="btn over">退出聊天</button>
                                <button  type="button" class="btn send">发送</button>
                            </div>
                        </div>
                        <div class="col-md-5 col-sm-5 col-lg-5 msgbox">
                            <a class="btn detail" listid="123456" status="0">未收到问诊单</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 点击阅览图片 -->

</div>
<div class="Reading_pictures_show">

</div>
</body>
</html>